<template>
        <web-header show="group" />
        <div class="title_a" style="padding-top: 30px">
            <div class="title_en">Classical scheme</div>
            <div class="title_cn">团建方案</div>
            <div class="title_txt">
                10年精耕细作，品质团建，3000家企业的参与为您见证。
            </div>
        </div>
        <div class="box_a">
            <ul>
                    <li v-for="rs in list" :key="rs.id">
                        <router-link target="_blank" :to="`/group/programme/${rs.id}`">
                            <img :src="`https://admin.hqx.com.cn/Public/Uploads/${rs.pic}`" />
                            <h3>{{rs.title}}</h3>
                            <span>{{rs.intro}}</span>
                        </router-link>
                    </li>
            </ul>
        </div>
        <web-footer />
    <back-top />
</template>

<script setup>


import { ref, onMounted, computed } from "vue";
import {group_items} from "@/api/travel.js";

let list = ref([]);

onMounted(async () => {
    let res = await group_items({
        ctype: 69,
        page: 1,
        limit: 9,
    });
    list.value = res.data;
});

</script>

<style lang="scss" scoped>
@import "../../css/main_group_programme_list.css";
</style>
